<template>
	<transition name="fade">
     <div class="box">
            <div class="content">
            <ul>
            	<li><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1544356240863&di=d8bab9fc1993919bc41339217b2733de&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fimgad%2Fpic%2Fitem%2F810a19d8bc3eb1359b3f7996ad1ea8d3fd1f4427.jpg"/>
            	<div class="content-wrapper">
            		<p>超强重庆攻略，喝着豆奶吃...</p>
            		<div class="iconf">
            				<span id="">2018-5-20
            		</span>
            		<div class="iconfont icon-ban">
            			<span id="">600
            		</span>
            		<span class="iconfont icon-xiaoxi1">120</span>
            		</div>
            		</div>
            	</div>
            	</li>
            	<li><img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1531666811,807852026&fm=200&gp=0.jpg"/>
            	<div class="content-wrapper">
            		<p>自由行攻略，湖南本地人带你</p>
            		<div class="iconf">
            			<span id="">2018-5-20
            		</span>
            		<div class="">
            			<span class="iconfont icon-ban">800
            		</span>
            		<span class="iconfont icon-xiaoxi1">190	</span>
            		</div>
            		</div>
            	</div>
            	</li>
            	<li><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1544356381042&di=1f7ade9c56c7b830bdced9204c4364fe&imgtype=0&src=http%3A%2F%2Fgc.zbj.com%2Fupimg%2F6%2F2016%2F0307%2F20160307215634_75323.png"/>
            	<div class="content-wrapper">
            		<p>湘西攻略，体验原汁原...</p>
            		<div class="iconf">
            			<span id="">2018-5-20
            		</span>
            		<div class="iconfont icon-ban">
            			<span id="">400
            		</span>
            		<span class="iconfont icon-xiaoxi1">110</span>
            		</div>
            		</div>
            	</div>
            	</li>
            	<li><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1544356240863&di=d8bab9fc1993919bc41339217b2733de&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fimgad%2Fpic%2Fitem%2F810a19d8bc3eb1359b3f7996ad1ea8d3fd1f4427.jpg"/>
            	<div class="content-wrapper">
            		<p>超强重庆攻略，喝着豆奶吃...</p>
            		<div class="iconf">
            			<span id="">2018-5-20
            		</span>
            		<div class="iconfont icon-ban">
            			<span class="iconfont icon-ban">600
            		</span>
            		<span class="iconfont icon-xiaoxi1">120
            		</span>
            		</div>
            		</div>
            	</div>
            	</li>
            </ul>
            </div>
    </div>
  </transition>
</template>
<script>
	export default {
		created () {
			fetch('/daxun/showStrategys',{
			    method:'POST',
			    headers: {
			      'Accept': 'application/json',
			      'Content-Type': 'application/json',
			      'token':sessionStorage.getItem('tokenKey')
			       }
				 }).then(resq => resq.json())
				    .then(resq => {
				        console.log(resq)
				    })
				}
	}
</script>

<style lang="scss" scoped>
@import '@/lib/reset.scss';

.content{
	ul{
			width:100%;
			@include flexbox;
      @include flex-direction(column);
		li{
			padding-top:20px;
			@include rect(100%,2.2rem);
			@include flexbox;
      @include flex-direction(column);
			justify-content:center;
			@include align-items();
			border-bottom:1px solid #cecece;
			img{
				@include rect(90%,1.3rem)
			}
			.content-wrapper{
			@include rect(90%,0.7rem);
			@include flexbox;
			@include flex-direction(column);
			 justify-content:center;
			.iconf{
				@include rect(100%,0.3rem);
			  @include flexbox;
			  justify-content:space-between;
			  @include align-items();
			}
			}
		}
	}
	
}
</style>